/*
 *
 *   pclist CSS
 *   zhouxiaoxiao
 *
*/
.pc-logo {
	text-align: right;
	color: black;
}
.pc-top {
	margin-top: 30px !important;
}

.pc-theme-img {
	width: 100%;
	height: 540px;
}

.pc-underline {
	border-bottom: 2px inset;
	padding-bottom: 3px;
}

.pc-underline .pc-font{
	border-bottom: 2px inset red;
	color: red; 
	padding-bottom: 5px;
	font-size: 16px
}

.pc-panel-default {
	margin-top: 5px;
	border-radius: 0px;
	background: #F5F5F5;
}

.pc-panel-default .pc-panel-filter{
	padding: 5px;
	padding-left: 15px; 
	font-size: 10px;
}

.pc-form-inline {
	margin-bottom: 0px !important;
}

.pc-filter-form {
	width: 15% !important;
}

.pc-filter-label {
	margin-right: 1% !important;
}

.pc-filter-input {
	width: 60% !important;
}

.pc-form-price {
	width: 40% !important;
}

.pc-filter-price {
	width: 13% !important;
}
.pc-panel-rank{
	margin-bottom: 10px !important;
	margin-top: 0px !important;
}
.pc-panel-rank .panel-body{
	padding: 10px;
	padding-left: 15px;
}

.pc-panel-rank .panel-body a{
	margin-right: 5px;
	color: #676a6c;
}
.pc-list {
	margin-bottom:10px;
}

.pc-list img{
	width:100%;
	height: 140px;
}

.pc-list .pc-list-info {
	font-size:14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:5%;
}

.pc-list i {
	width:32%;
}
.pc-list a {
	color:#676a6c;
}
.pc-list i span{
	margin-left:2px
}

.pc-login-register {
	width:30%;
}

.pc-detail-name {
	border-bottom: 2px inset;
	padding-bottom: 5px;
}

.pc-detail-img {
	width:100%;
	height: 165px;
}

.pc-icon {
	width: 32%
}

.pc-text {
	margin-left:2px
}

.pc-list .pc-list-infos {
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.pc-comment {
    margin-left: 15px;
}
.pc-comment .pc-comment-title {
    border-bottom: 2px inset;
	padding-bottom: 3px;
	margin-top: 10px;
    font-size: 16px;
}
.pc-comment .pc-comment-content {
	margin-top: 10px;
	border-bottom: 2px inset;
	padding-bottom: 10px;
}

.pc-comment .comment-user-photo {
	width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    margin-left: -15px;
  
}
.pc-comment .comment-user-photo img{
	width: :100%;
}

.pc-comment .comment-content {
	font-size: 14px;
}

.pc-comment .comment-content .comment-username {

    color: #f80;
}

.pc-comment .comment-footer{
	margin-top: 20px;
}



.pc-comment .comment-footer .comment-time{
	margin-left: -15px;
	font-size: 10px;
}

.pc-comment .comment-footer .comment-op{
	text-align: right;
	position: absolute;
    right: -45px;
    font-size: 12px;
}

.pc-comment .comment-footer .comment-op .reply{
	color:#22c233;
	margin-right: 5px;
}

.pc-comment .comment-footer .comment-op .report{
	color: #676a6c;
}


.pc-comment .pc-comment-dialog {
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 15px;
	margin-bottom: 15px;

}

.pc-comment .pc-comment-dialog .dialog-box textarea{
	width:100%; 
	border:1px inset;
}

.pc-comment .pc-comment-dialog .dialog-box button{
	margin-top: 10px;
	border:1px inset;
	right: 15px;
	position: absolute;
}


.detail .modal-body{
  height:500px;
  overflow:scroll;
}

.pc-lists {
	margin-right: -30px;
	margin-left: -30px;
}

.pc-lists .buttons-row {
	text-align: center;
}

.pc-lists .buttons-row a{
	margin-left: 3px;
}

.detail-buttons{
	margin-top: 30px;
}
.detail-like-info{
	text-align: center;
	font-size: 22px;
}
.detail-vote-signup {
	text-align: left;
}

.detail-vote-signup a {
	margin-right: 5px;
}

.detail-vote-signup button {
	margin-right: 5px;
}

.detail-pc  img {
	max-width: 520px;
}	

.footer  img {
	height: 50px !important;
	width: 50px !important;
}

.votemodal .modal-dialog .modal-content .modal-body img {
	max-width: 300px;
	height: auto;
}

.signup .modal-dialog .modal-content .modal-body img {
	max-width: 300px;
	height: auto;
}


.disabledA{ 
pointer-events: none !important; 
color:#afafaf !important; 
cursor:default !important;

} 


.registerdisabled{ 
pointer-events: none !important; 
color:#afafaf !important; 
cursor:default !important;
border:  1px solid #afafaf !important; 
} 

.detail-pc-all {
	margin-left: 15px;
	padding-right:30px;
	margin-top: 10px;
}

.pc-detail-right {
	margin-top: 10px;
}

.modal-body img {
	max-width: 300px !important;
	height: auto !important;
}